<template>
	<view class="page">
		<u-sticky bgColor="#F1F1F1">
			<u-tabs :list="list1" :scrollable="false" :lineWidth="60" :lineHeight="2" lineColor="#1953F7"
				:inactiveStyle="{color: '#000000'}" :activeStyle="{color: '#1953F7'}"></u-tabs>
		</u-sticky>
		<view class="listbox1">
			<u-tabs :list="list"  keyName='title' :lineWidth='0'  :inactiveStyle="tabsstyle2" :activeStyle="tabsstyle"  @click="sectionChange"></u-tabs>
		</view>
		<view class="listbox2">
			<u-tabs :list="list2"  keyName='title' :lineWidth='0'  :inactiveStyle="tabsstyle2" :activeStyle="tabsstyle"  @click="sectionChange2"></u-tabs>
		</view>
		<view class="listbox3">
			 <u--input
			    placeholder="请输入完整手机号"
				 prefixIcon="search"
				 prefixIconStyle="font-size: 17px;color: #999999"
			    v-model="inputvalue"
			    @change="changeinput"
			  ></u--input>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list1: [{
					name: '订单列表',
				}, {
					name: '佣金排行',
				}],
				list: [{id:0,title:'全部'}, {id:1,title:'待处理'},{id:2,title:'已提交'},{id:3,title:'运输中'},{id:4,title:'待激活'},{id:0,title:'已激活'},{id:0,title:'已激活'}],
				list2: [{id:0,title:'全部'}, {id:1,title:'首充50及以上'},{id:2,title:'首充100及以上'}],
				tabsstyle:{
					backgroundColor: '#E4EEFB',
					color:'#1953F7',
					padding: '13rpx 25rpx',
					borderRadius: '10rpx',
					fontSize: '26rpx'
				},
				tabsstyle2:{
					color:'#333333',
					padding: '13rpx 25rpx',
					fontSize: '26rpx'
				},
				objStyle:{
					width:'700rpx'
				},
				inputvalue:''
			}
		},
		methods:{
			sectionChange(e){
				console.log(e)
				this.curNow=e
			},
			sectionChange2(e){
				console.log(e)
				this.curNow2=e
			},
			changeinput(e){
				console.log(e)
			}
		}
	}
</script>

<style lang="scss" scoped>
	::v-deep .u-tabs__wrapper__nav__item{
		
		padding:0 6rpx !important;
	}
	::v-deep .u-border{
		border-width: 0rpx !important;
		border-radius: 10rpx !important;
	}

	.listbox1{
		margin-top: 36rpx;		
		margin-left: 32rpx;
	}
.listbox2{
		margin-top: 5rpx;		
		margin-left: 32rpx;
		
	}
	.listbox3{
			margin-top: 28rpx;		
			margin-left: 32rpx;
			width: 700rpx !important;
			background-color: #F1F1F1;
			border-radius: 10rpx !important;
		}

</style>